<template>
	<div class="trade_table" id="trade_table">
		<table class="table">
			<thead>
				<tr>
					<td class="chk"><input type="checkbox" /></td>
					<td class="messagetype">全选</td>
					<td></td>
					<td class="del">删除</td>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td class="chk"><input type="checkbox" /></td>
					<td class="messagetype">系统</td>
					<td>
						<div>2016/02/05 12:45</div>
						<p>尊敬的用户</p>
						<p>刚刚过去的2015年，数字货币行业经历了最为跌宕起伏的一年。刚刚过去的2015年，数字货币行业经历了最为跌宕起伏的一年。刚刚过去的2015年，数字货币行业经历了最为跌宕起伏的一年。刚刚过去的2015年，数字货币行业经历了最为跌宕起伏的一年。刚刚过去的2015年，数字货币行业经历了最为跌宕起伏的一年。刚刚过去的2015年，数字货币行业经历了最为跌宕起伏的一年。刚刚过去的2015年，数字货币行业经历了最为跌宕起伏的一年。刚刚过去的2015年，数字货币行业经历了最为跌宕起伏的一年。刚刚过去的2015年，数字货币行业经历了最为跌宕起伏的一年。刚刚过去的2015年，数字货币行业经历了最为跌宕起伏的一年。刚刚过去的2015年，数字货币行业经历了最为跌宕起伏的一年。刚刚过去的2015年，数字货币行业经历了最为跌宕起伏的一年。刚刚过去的2015年，数字货币行业经历了最为跌宕起伏的一年。</p>
					</td>
					<td class="del">删除</td>
				</tr>
			</tbody>
		</table>
	</div>
</template>

<script>
	export default {
		name: 'trade_table',
		computed: {},
		data() {
			return {
				title: '',
			}
		}, //定义变量
		components: {}, //注册组件
		methods: { //方法都在这里
		},
		mounted() {
			var that = this;
			//获取banner
		},
	}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss">
	.trade_table {
		margin-top:30px;
		.table{
			width:960px;
			font-size:14px;
			color:#999;
			font-weight: normal;
			thead{
				td{
					border-collapse: collapse;
					font-size: 12px;
					line-height: 20px;
					padding:10px 20px;
					display: table-cell;
				}
				.chk{
					width:35px;
				}
				.messagetype{
					width:100px;
					padding-left:5px;
					text-align: center;
				}
				.del{
					width:70px;
				}
			}
			tbody{
				tr{
					td{
						vertical-align: top;
						border-collapse: collapse;
						font-size: 12px;
						line-height: 20px;
						padding:10px 20px;
						display: table-cell;
					}
					.chk{
						width:35px;
					}
					.messagetype{
						width:100px;
						padding-left:5px;
						text-align: center;
					}
					.del{
						width:70px;
					}
				}
				tr:nth-child(odd){
					background:none;
				}
				
			}
		}
	}
</style>